<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="page">
        <div class="page__hd">
            <div class="nav">
                <div class="nav__left"><</div>
                <div class="nav__title">标题</div>
                <div class="nav__right">></div>
            </div>
        </div>
        <div class="page__bd">
            <div class="tab">
                <div class="tab__item active">选项一</div>
                <div class="tab__item">选项二</div>
                <div class="tab__item">选项三</div>
            </div>
            <div class="tab__pane">
                <div class="card-wrap">
                    <div class="card">
                        <div class="card__bd">
                            <div class="cell pb-0">
                                <div class="cell__bd">订单编号：000000</div>
                                <div class="cell__ft"><span>正常</span></div>
                            </div>
                            <div class="cell">
                                <div class="cell__hd"><img class="d-block mr-md" src="" alt="" srcset="" width="85" height="85"></div>
                                <div class="cell__bd">
                                    <div class="text-title mb-sm ellipsis-2">嘎多撒给大使馆大概是大概是大概是大使馆的干撒东莞市大嘎多撒给大使馆大概是大概是大概是大使馆的干撒东莞市大</div>
                                    <div class="text-desc">2020-10-10 16:00:00</div>
                                </div>
                            </div>
                        </div>
                        <div class="card__ft">
                            <div class="cell">
                                <div class="cell__bd">2010</div>
                                <div class="cell__ft"><span>120</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card__bd">
                            <div class="cell pb-0">
                                <div class="cell__bd">订单编号：000000</div>
                                <div class="cell__ft"><span>正常</span></div>
                            </div>
                            <div class="cell">
                                <div class="cell__hd"><img class="d-block mr-md" src="" alt="" srcset="" width="85" height="85"></div>
                                <div class="cell__bd">
                                    <div class="text-title mb-sm ellipsis-2">嘎多撒给大使馆大概是大概是大概是大使馆的干撒东莞市大嘎多撒给大使馆大概是大概是大概是大使馆的干撒东莞市大</div>
                                    <div class="text-desc">2020-10-10 16:00:00</div>
                                </div>
                            </div>
                        </div>
                        <div class="card__ft">
                            <div class="cell">
                                <div class="cell__bd">2010</div>
                                <div class="cell__ft"><span>120</span></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="page__ft">
            <div class="tabbar">
                <div class="tabbar__item">
                    <img class="tabbar__icon" src="" alt="" srcset="">
                    <div class="tabbar__label">首页</div>
                </div>
                <div class="tabbar__item">
                    <img class="tabbar__icon" src="" alt="" srcset="">
                    <div class="tabbar__label">选项二</div>
                </div>
                <div class="tabbar__item">
                    <img class="tabbar__icon" src="" alt="" srcset="">
                    <div class="tabbar__label">选项三</div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>